﻿<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">

<head th:replace="~{/public::public-head}">
</head>

<style type="text/css">
    .blog-area{
        border-bottom: 1px solid gray;
    }
</style>

<body class="template-color-1" style="transform: none;">

    <div id="main-wrapper" style="transform: none;">
        <div th:insert="~{/public::navigate}"></div>
        <div style="height: 100px; border-bottom: 1px solid #e2e4ea"></div>
        <div th:insert="~{/public::sideBillboard}"></div>

        <!-- 大标题 Start -->
        <div class="breadcrumb-section section bg_color--5 pt-60 pt-sm-50 pt-xs-40 pb-60 pb-sm-50 pb-xs-40">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="page-breadcrumb-content">
                            <ul class="page-breadcrumb">
                                <li><a th:href="@{/ua/home/homepage}">主页</a></li>
                                <li><a th:href="@{/ua/blog/blogPage}">博客</a></li>
                            </ul>
                            <h1>博客列表</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 大标题 Start -->

        <!-- 中间部分 Start -->
        <div class="blog-section section bg_color--5 pb-120 pb-lg-100 pb-md-80 pb-sm-60 pb-xs-50">
            <div class="container">
                <div class="row no-gutters">
                    <!-- 博客的具体内容 start -->
                    <div class="col-lg-8">
                        <div class="blog-wrapper">
                            <div class="row" id="blogContent">
                            <!-- 博客的具体内容 -->
                            </div>
                            <div id="page" class="page_div" ></div>
                        </div>
                    </div>
                    <!-- 博客的具体内容 end -->

                    <div class="col-lg-4" id="sticky-sidebar">
                        <div class="sidebar-wrapper">
                            <div class="common-sidebar-widget">
                                <div class="sidebar-search-form">
                                    <form action="#">
                                        <input type="text" name="search" id="searchValue" placeholder="输入关键词 ...">
                                        <button class="ht-btn search-btn" id="searchBlog"><i class="fa fa-search"></i></button>
                                    </form>
                                </div>
                            </div>

                            <!-- 热点博客 start -->
                            <h2 class="sidebar-title">热点博客</h2>
                            <div class="common-sidebar-widget" id="hotBlogs">

                            </div>
                            <!-- 热点博客 end -->

                            <div class="common-sidebar-widget">
                                <div class="sidbar-image">
                                    <a href="#">
                                        <img th:src="@{/images/banner/ads.jpg}" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 中间部分 End -->

        <div th:insert="~{/public::footer}"></div>
    </div>

    <div th:replace="~{/public::public-js}"></div>

    <script th:src="@{/js/myjob/blog/blog.js}"></script>

</body>

</html>
